﻿@model TumbaloSoft.Helpers.QueryObjects.BusquedaInmueble
@{
    Layout = "~/Views/Shared/_HomeLayout.cshtml";
    ViewBag.Title = "Inmueble";
}

<script type="text/javascript">
    $(window).load(function () {
        $('#slider1').nivoSlider({
            effect: 'sliceUpDown', //Specify sets like: 'fold,fade,sliceDown, sliceDownLeft, sliceUp, sliceUpLeft, sliceUpDown, sliceUpDownLeft'
            slices: 17,
            animSpeed: 500,
            pauseTime: 3000,
            startSlide: 0, //Set starting Slide (0 index)
            directionNav: false, //Next & Prev
            directionNavHide: false, //Only show on hover
            controlNav: true, //1,2,3...
            controlNavThumbs: false, //Use thumbnails for Control Nav
            controlNavThumbsFromRel: false, //Use image rel for thumbs
            controlNavThumbsSearch: '.jpg', //Replace this with...
            controlNavThumbsReplace: '_thumb.jpg', //...this in thumb Image src
            keyboardNav: true, //Use left & right arrows
            pauseOnHover: true, //Stop animation while hovering
            manualAdvance: false, //Force manual transitions
            captionOpacity: 1, //Universal caption opacity
            beforeChange: function () { $('.nivo-caption').animate({ bottom: '-110' }, 400, 'easeInBack') },
            afterChange: function () { Cufon.refresh(); $('.nivo-caption').animate({ bottom: '-20' }, 400, 'easeOutBack') },
            slideshowEnd: function () { } //Triggers after all slides have been shown
        });
        Cufon.refresh();
    });
	</script>


<!-- content -->
		<div class="body2">
			<div class="main">
				<section id="content">
					<div class="wrapper">
						
						<article class="col2">
						<form id="form_1" method="POST" action="../Home/Catalogo">
							<div class="pad1">
								<h3>Busca tu Inmueble</h3>
								<div class="row_select">
									Tipo de Inmueble:<br>
									<select name="prTipoINmueble.prIdTipoInmueble">
										<option value=0>-Seleccione una Opcion-</option>
										@foreach (var objTipo in ViewBag.listaTipoInmueble)
                                                    {
                                                      <option value="@objTipo.prIdTipoInmueble"> @objTipo.prDescripcion</option>
                                                    }
									</select>
								</div>
								<div class="row_select">
									Ubicacion:<br>
									<select name="prDistrito.prIdDistrito">
										<option value=0>-Seleccione una Opcion-</option>
										 @foreach (var objTipo1 in ViewBag.listaDistritos)
                                                    {                                                        
                                                        <option value="@objTipo1.prIdDistrito">@objTipo1.prNombreDistrito</option>
                                                    }
									</select>
								</div>
								<div class="row">
									<div class="cols">
										Rango precios:<br>
										@Html.TextBoxFor(model => model.prValorMercadoMin, new { @class="miniinput"})
                                                @Html.ValidationMessageFor(model => model.prValorMercadoMin,null ,new{style = "float: none"})
									</div>
									<div class="cols pad_left1">
										a:<br>
										@Html.TextBoxFor(model => model.prValorMercadoMax, new { @class="miniinput",})
                                                @Html.ValidationMessageFor(model => model.prValorMercadoMax,null ,new{style = "float: none"})
									</div>
								</div>
								<div class="row">
									<div class="cols">
										Area terreno(s):<br>
										@Html.TextBoxFor(model => model.prAreaConstruidaMin, new { @class = "miniinput"})
                                                @Html.ValidationMessageFor(model => model.prAreaConstruidaMin,null ,new{style = "float: none"})
									</div>
									<div class="cols pad_left1">
										a:<br>
										@Html.TextBoxFor(model => model.prAreaConstruidaMax, new { @class = "miniinput"})
                                                @Html.ValidationMessageFor(model => model.prAreaConstruidaMax,null ,new{style = "float: none"})
									</div>
								</div>
								<div class="row">
									<div class="cols">
										Dormitorio(s):<br>
										@Html.TextBoxFor(model => model.prNroDormitorios, new { @class = "miniinput"})
                                                @Html.ValidationMessageFor(model => model.prNroDormitorios,null ,new{style = "float: none"})
									</div>
									<div class="cols pad_left1">
										Baño(s):<br>
										@Html.TextBoxFor(model => model.prNroBanhos, new { @class = "miniinput"})
                                                @Html.ValidationMessageFor(model => model.prNroBanhos,null ,new{style = "float: none"})
									</div>
								</div>
								<div class="row_select pad_bot1">
									<div class="cols">
										Piso(s):<br>
										@Html.TextBoxFor(model => model.prNroPisos, new { @class = "miniinput"})
                                                @Html.ValidationMessageFor(model => model.prNroPisos,null ,new{style = "float: none"})
									</div>
									<div class="cols pad_left1">
										<a href="#" class="button" onclick="document.getElementById('form_1').submit()">Buscar</a>
									</div>
								</div>
							</div>
						</form>
					</article>


                        <article class="col3">
                            <div id="sliderposi" style="height: 606px; width: 516px; margin-bottom: 110px; left: 563px; top: 210px;">
                                <div id="slider1">
							        <img src="../Content/site/images/c1.jpg" alt="" title=" "  width="40" >
							        <img src="../Content/site/images/c2.jpg" alt="" width="40" title=" ">
							        <img src="../Content/site/images/c3.jpg" alt=""  width="40"  title=" ">
							        <img src="../Content/site/images/c4.jpg" alt=""  width="40" title=" ">
							        <img src="../Content/site/images/c5.jpg" alt="" width="40"  title=" ">
							        <img src="../Content/site/images/c6.jpg" alt="" width="40"  title=" ">
						        </div>
                            </div>
                        </article>


					</div>
					
				</section>
			</div>
		</div>
<!-- / content -->
		
		<script type="text/javascript"> Cufon.now(); </script>
    